<template>
	<view class="content">
		<f-navbar title="我的订单" fontColor="#333" fontSize="34" bgColor="#fff">
			<view class="u-flex" slot="left">
				<van-icon name="arrow-left" color="#333" size="20" />
			</view>
		</f-navbar>
		<view class="content_tabs">
			<van-tabs :active="active" @change="onchange" :sticky="true" :offset-top="navHeight"
				custom-class="custom_tabs" tab-active-class="class_active" type="none" :nav-class="nav_class"
				title-active-color="#EE0E6B" title-inactive-color="#000000" swipe-threshold="5.3">
<!-- 				<van-tab title="全部" name="0"
					title-style="font-size:28rpx; text-align:center;height:62rpx;line-height:62rpx">
					<scroll-view @scrolltolower="lowerBottom" scroll-y="true" class="scrollHeight"
						:style="{marginTop:0+'rpx'}" :scroll-top="scrollTop" :refresher-threshold="100"
						:refresher-triggered="triggered" :scroll-with-animation="true">
						<view class="content_info" v-if="isshowOrder">
							<view class="content_item" @click="onorderDetail(item)" v-for="(item,index) in dataList"
								:key="index">
								<view class="content_itemtop">
									<view class="content_itemtopL">
										订单编号：{{item.trade_no}}
									</view>
									<view class="content_itemtopR1" v-if="item.status==1">待付款</view>
									<view class="content_itemtopR2" v-if="item.status==2">待发货</view>
									<view class="content_itemtopR3" v-if="item.status==3">等待收货</view>
									<view class="content_itemtopR4" v-if="item.status==4">已完成</view>
									<view class="content_itemtopR5" v-if="item.status==-1">退款中</view>
								</view>
								<view class="kuaidi_info" v-if="!item.express_number==''">
									<image class="kuaidi_img" :src="imgurl+'kuaidi_icon.png'" mode=""></image>
									<view class="kuaidi_title">{{item.express_company}}</view>
									<view class="kuaidi_oddnum">{{item.express_number}}</view>
								</view>
								<view class="content_shopbox" v-if="item.item.length==1">
									<view class="content_shopimg">
										<image class="content_shopimg1" :src="item.item[0].good_item_img" mode=""></image>
									</view>
									<view class="content_shopR">
										<view class="content_shopRtxt">
											<view class="content_shopRtxtL">
												{{item.item[0].title}}
											</view>
											<view class="content_shopRtxtprice">￥{{item.item[0].tree_price}}</view>
										</view>
										<view class="content_shopguige">
											<view class="content_shopguigeL">{{item.item[0].spec_title}}</view>
											<view class="content_shopguigenum">*{{item.item[0].buy_num}}</view>
										</view>
										<view class="content_shopguige1">
											<view class="content_shopguigeL">运费</view>
											<view class="content_shopguigenum">{{item.express_amount}}</view>
										</view>
										<view class="content_heji">合计：<text class="priceicon">￥</text><text
												class="price">{{item.total_free}}</text></view>
									</view>
								</view>
								<view class="content_shops" v-if="item.item.length>1">
									<view class="content_shopsitem" v-for="(imgitem,imgindex) in item.item"
										:key="imgindex">
										<image class="content_shopsitem1" :src="imgitem.good_item_img" mode=""></image>
									</view>
									<view class="content_shopsone">
										<view class="content_shopsoneprice">
											<text class="price_icon">￥</text>{{item.total_free}}
										</view>
										<view class="content_shopsone_num">
											共{{item.total_num}}件
										</view>
									</view>

								</view>
								<view class="content_bottombox" v-if="item.status!==2">
									<view class="content_bottomboxQX" v-if="item.status==1"
										@click.stop="oncancelorder(item)">取消订单</view>
									<view class="content_bottomboxbtn" v-if="item.status==1"
										@click.stop="ongopay(item)">立即付款</view>
									<view class="content_bottomboxbtn" v-if="item.status==3"
										@click.stop="onshuohuo(item)">确认收货</view>

								</view>
							</view>

						</view>
						<view class="not_infobox" v-if="!isshowOrder">
							<view class="notinfo">
								<view class="not_infoboximg">
									<image :src="imgurl+'noorder.png'" mode=""></image>
								</view>
								<view class="not_infoboxtoast">您还没有相关的订单</view>
								<view class="not_infoboxtoast1">可以去看看有哪些想买的</view>
							</view>
							<view class="recommend_box">
								<view class="recommend_title">

									<image class="lineimg" :src="imgurl+'noorder_leftline.png'" mode=""></image>


									<image class="xinicon" :src="imgurl+'noorder_xin.png'" mode=""></image>

									<view class="recommend_txt">为您推荐</view>

									<image class="lineimg" :src="imgurl+'noorder_rightline.png'" mode=""></image>

								</view>
								<view class="info_contentbox">
									<view class="info_content" @click="ongoodsDetail(recommentitem)"
										v-for="(recommentitem,recommentindex) in RecommendList" :key="recommentindex">
										<view class="info_contentimg">
											<image class="info_contentimg1" :src="recommentitem.good_img" mode="">
											</image>
										</view>
										<view class="info_contenttitle">
											<view class="info_contenttxt">{{recommentitem.title}}</view>
											<van-icon name="arrow" color="#bbb" size="14" />
										</view>
										<view class="info_contentbaioqian" v-if="recommentitem.tags!==''">
											<view class="info_biaoqian"
												v-for="(tagsitem,tagsindex) in recommentitem.tags" :key="tagsindex">
												{{tagsitem}}
											</view>

										</view>
										<view class="info-dazhe">
											<view class="info-dazheL"> 原价:<text
													class="info-dazheLicon">￥</text>{{recommentitem.origin_price}}
											</view>
											<view class="info-dazheR">最低价:<text
													class="info-dazheLicon">￥</text>{{recommentitem.low_price}}
											</view>
										</view>
										<view class="info_bottomprice">现拼单价：<text
												class="info_bottompriceicon">￥</text><text
												class="price">{{recommentitem.now_price}}</text>
										</view>
										<view class="float_left_icon" v-if="recommentitem.attr_type==2">
											{{recommentitem.attr_type_txt}}
										</view>
										<view class="float_right_icon" v-if="recommentitem.attr_type==1">
											{{recommentitem.attr_type_txt}}
										</view>
									</view>
								</view>
							</view>

						</view>

					</scroll-view>


				</van-tab> -->
				<van-tab title="待付款" name="1"
					title-style="font-size:28rpx; text-align:center;height:62rpx;line-height:62rpx">
					<scroll-view @scrolltolower="lowerBottom" scroll-y="true" class="scrollHeight"
						:style="{marginTop:0+'rpx'}" :scroll-top="scrollTop" :refresher-threshold="100"
						:refresher-triggered="triggered" :scroll-with-animation="true">
						<view class="content_info" v-if="isshowOrder">
							<view class="content_item" @click="onorderDetail(item)" v-for="(item,index) in dataList"
								:key="index">
								<view class="content_itemtop">
									<view class="content_itemtopL">
										订单编号：{{item.trade_no}}
									</view>
									<view class="content_itemtopR1" v-if="item.status==1">待付款</view>
									<view class="content_itemtopR2" v-if="item.status==2">待发货</view>
									<view class="content_itemtopR3" v-if="item.status==3">等待收货</view>
									<view class="content_itemtopR4" v-if="item.status==4">已完成</view>
									<view class="content_itemtopR5" v-if="item.status==-1">退款中</view>
									<view class="content_itemtopR6" v-if="item.status==0">已取消</view>
								</view>
								<!-- 				<view class="kuaidi_info">
									<image class="kuaidi_img" :src="imgurl+'kuaidi_icon.png'" mode=""></image>
									<view class="kuaidi_title">申通快递</view>
									<view class="kuaidi_oddnum">773224766304825</view>
								</view> -->
								<view class="content_shopbox" v-if="item.item.length==1">
									<view class="content_shopimg">
										<image class="content_shopimg1" :src="item.item[0].good_item_img" mode=""></image>
									</view>
									<view class="content_shopR">
										<view class="content_shopRtxt">
											<view class="content_shopRtxtL">
												{{item.item[0].title}}
											</view>
											<view class="content_shopRtxtprice">￥{{item.item[0].tree_price}}</view>
										</view>
										<view class="content_shopguige">
											<view class="content_shopguigeL">{{item.item[0].spec_title}}</view>
											<view class="content_shopguigenum">*{{item.item[0].buy_num}}</view>
										</view>
										<view class="content_shopguige1">
											<view class="content_shopguigeL">运费</view>
											<view class="content_shopguigenum">{{item.express_amount}}</view>
										</view>
										
										<view class="content_heji">合计：<text class="priceicon">￥</text><text
												class="price">{{item.total_free}}</text></view>
									</view>
								</view>
								<view class="content_shops" v-if="item.item.length>1">
									<view class="content_shopsitem" v-for="(imgitem,imgindex) in item.item"
										:key="imgindex">
										<image class="content_shopsitem1" :src="imgitem.good_item_img" mode=""></image>
									</view>
									<view class="content_shopsone">
										<view class="content_shopsoneprice">
											<text class="price_icon">￥</text>{{item.total_free}}
										</view>
										<view class="content_shopsone_num">
											共{{item.total_num}}件
										</view>
									</view>

								</view>
								<view class="content_bottombox" v-if="item.status!==2">
									<view class="content_bottomboxQX" v-if="item.status==1"
										@click.stop="oncancelorder(item)">取消订单</view>
									<!-- <view class="content_bottomboxSH" @click.stop="onAfterSales">申请售后</view> -->
									<view class="content_bottomboxbtn" @click.stop="ongopay(item)"
										v-if="item.status==1">立即付款</view>
									<view class="content_bottomboxbtn" @click.stop="onshuohuo(item)"
										v-if="item.status==3">确认收货</view>
									<view class="content_pingjia" v-if="item.status==5" @click.stop="onevaluate">去评价
									</view>
								</view>
							</view>
						</view>
						<view class="not_infobox" v-if="!isshowOrder">
							<view class="notinfo">
								<view class="not_infoboximg">
									<image :src="imgurl+'noorder.png'" mode=""></image>
								</view>
								<view class="not_infoboxtoast">您还没有相关的订单</view>
								<view class="not_infoboxtoast1">可以去看看有哪些想买的</view>
							</view>
							<view class="recommend_box">
								<view class="recommend_title">

									<image class="lineimg" :src="imgurl+'noorder_leftline.png'" mode=""></image>


									<image class="xinicon" :src="imgurl+'noorder_xin.png'" mode=""></image>

									<view class="recommend_txt">为您推荐</view>

									<image class="lineimg" :src="imgurl+'noorder_rightline.png'" mode=""></image>

								</view>
								<view class="info_contentbox">
									<view class="info_content" @click="ongoodsDetail(recommentitem)"
										v-for="(recommentitem,recommentindex) in RecommendList" :key="recommentindex">
										<view class="info_contentimg">
											<image class="info_contentimg1" :src="recommentitem.good_img" mode="">
											</image>
										</view>
										<view class="info_contenttitle">
											<view class="info_contenttxt">{{recommentitem.title}}</view>
											<van-icon name="arrow" color="#bbb" size="14" />
										</view>
										<view class="info_contentbaioqian" v-if="recommentitem.tags!==''">
											<view class="info_biaoqian"
												v-for="(tagsitem,tagsindex) in recommentitem.tags" :key="tagsindex">
												{{tagsitem}}
											</view>
											<!-- 											<view class="info_biaoqian">自营</view>
											<view class="info_biaoqian">自营</view>
											<view class="info_biaoqian">自营</view> -->
										</view>
										<view class="info-dazhe">
											<view class="info-dazheL"> 原价:<text
													class="info-dazheLicon">￥</text>{{recommentitem.origin_price}}
											</view>
											<view class="info-dazheR">最低价:<text
													class="info-dazheLicon">￥</text>{{recommentitem.low_price}}
											</view>
										</view>
										<view class="info_bottomprice">现拼单价：<text
												class="info_bottompriceicon">￥</text><text
												class="price">{{recommentitem.now_price}}</text>
										</view>
										<view class="float_left_icon" v-if="recommentitem.attr_type==2">
											{{recommentitem.attr_type_txt}}
										</view>
										<view class="float_right_icon" v-if="recommentitem.attr_type==1">
											{{recommentitem.attr_type_txt}}
										</view>
									</view>
								</view>
							</view>

						</view>

					</scroll-view></van-tab>
				<van-tab title="待发货" name="2"
					title-style="font-size:28rpx; text-align:center;height:62rpx;line-height:62rpx">
					<scroll-view @scrolltolower="lowerBottom" scroll-y="true" class="scrollHeight"
						:style="{marginTop:0+'rpx'}" :scroll-top="scrollTop" :refresher-threshold="100"
						:refresher-triggered="triggered" :scroll-with-animation="true">
						<view class="content_info" v-if="isshowOrder">
							<view class="content_item" @click="onorderDetail(item)" v-for="(item,index) in dataList"
								:key="index">
								<view class="content_itemtop">
									<view class="content_itemtopL">
										订单编号：{{item.trade_no}}
									</view>
									<view class="content_itemtopR1" v-if="item.status==1">待付款</view>
									<view class="content_itemtopR2" v-if="item.status==2">待发货</view>
									<view class="content_itemtopR3" v-if="item.status==3">等待收货</view>
									<view class="content_itemtopR4" v-if="item.status==4">已完成</view>
									<view class="content_itemtopR5" v-if="item.status==-1">退款中</view>
									<view class="content_itemtopR6" v-if="item.status==0">已取消</view>
								</view>
								<view class="kuaidi_info" v-if="!item.express_number==''">
									<image class="kuaidi_img" :src="imgurl+'kuaidi_icon.png'" mode=""></image>
									<view class="kuaidi_title">{{item.express_company}}</view>
									<view class="kuaidi_oddnum">{{item.express_number}}</view>
								</view>
								<view class="content_shopbox" v-if="item.item.length==1">
									<view class="content_shopimg">
										<image class="content_shopimg1" :src="item.item[0].good_item_img" mode=""></image>
									</view>
									<view class="content_shopR">
										<view class="content_shopRtxt">
											<view class="content_shopRtxtL">
												{{item.item[0].title}}
											</view>
											<view class="content_shopRtxtprice">￥{{item.item[0].tree_price}}</view>
										</view>
										<view class="content_shopguige">
											<view class="content_shopguigeL">{{item.item[0].spec_title}}</view>
											<view class="content_shopguigenum">*{{item.item[0].buy_num}}</view>
										</view>
										<view class="content_shopguige1">
											<view class="content_shopguigeL">运费</view>
											<view class="content_shopguigenum">{{item.express_amount}}</view>
										</view>
										<view class="content_heji">合计：<text class="priceicon">￥</text><text
												class="price">{{item.total_free}}</text></view>
									</view>
								</view>
								<view class="content_shops" v-if="item.item.length>1">
									<view class="content_shopsitem" v-for="(imgitem,imgindex) in item.item"
										:key="imgindex">
										<image class="content_shopsitem1" :src="imgitem.good_item_img" mode=""></image>
									</view>
									<view class="content_shopsone">
										<view class="content_shopsoneprice">
											<text class="price_icon">￥</text>{{item.total_free}}
										</view>
										<view class="content_shopsone_num">
											共{{item.total_num}}件
										</view>
									</view>

								</view>
								<view class="content_bottombox" v-if="item.status!==2">
									<view class="content_bottomboxQX" v-if="item.status==1"
										@click.stop="oncancelorder(item)">取消订单</view>
									<!-- <view class="content_bottomboxSH" @click.stop="onAfterSales">申请售后</view> -->
									<view class="content_bottomboxbtn" @click.stop="ongopay(item)"
										v-if="item.status==1">立即付款</view>
									<view class="content_bottomboxbtn" @click.stop="onshuohuo(item)"
										v-if="item.status==3">确认收货</view>
									<view class="content_pingjia" v-if="item.status==5" @click.stop="onevaluate">去评价
									</view>
								</view>
							</view>
						</view>
						<view class="not_infobox" v-if="!isshowOrder">
							<view class="notinfo">
								<view class="not_infoboximg">
									<image :src="imgurl+'noorder.png'" mode=""></image>
								</view>
								<view class="not_infoboxtoast">您还没有相关的订单</view>
								<view class="not_infoboxtoast1">可以去看看有哪些想买的</view>
							</view>
							<view class="recommend_box">
								<view class="recommend_title">

									<image class="lineimg" :src="imgurl+'noorder_leftline.png'" mode=""></image>


									<image class="xinicon" :src="imgurl+'noorder_xin.png'" mode=""></image>

									<view class="recommend_txt">为您推荐</view>

									<image class="lineimg" :src="imgurl+'noorder_rightline.png'" mode=""></image>

								</view>
								<view class="info_contentbox">
									<view class="info_content" @click="ongoodsDetail(recommentitem)"
										v-for="(recommentitem,recommentindex) in RecommendList" :key="recommentindex">
										<view class="info_contentimg">
											<image class="info_contentimg1" :src="recommentitem.good_img" mode="">
											</image>
										</view>
										<view class="info_contenttitle">
											<view class="info_contenttxt">{{recommentitem.title}}</view>
											<van-icon name="arrow" color="#bbb" size="14" />
										</view>
										<view class="info_contentbaioqian" v-if="recommentitem.tags!==''">
											<view class="info_biaoqian"
												v-for="(tagsitem,tagsindex) in recommentitem.tags" :key="tagsindex">
												{{tagsitem}}
											</view>
											<!-- 											<view class="info_biaoqian">自营</view>
											<view class="info_biaoqian">自营</view>
											<view class="info_biaoqian">自营</view> -->
										</view>
										<view class="info-dazhe">
											<view class="info-dazheL"> 原价:<text
													class="info-dazheLicon">￥</text>{{recommentitem.origin_price}}
											</view>
											<view class="info-dazheR">最低价:<text
													class="info-dazheLicon">￥</text>{{recommentitem.low_price}}
											</view>
										</view>
										<view class="info_bottomprice">现拼单价：<text
												class="info_bottompriceicon">￥</text><text
												class="price">{{recommentitem.now_price}}</text>
										</view>
										<view class="float_left_icon" v-if="recommentitem.attr_type==2">
											{{recommentitem.attr_type_txt}}
										</view>
										<view class="float_right_icon" v-if="recommentitem.attr_type==1">
											{{recommentitem.attr_type_txt}}
										</view>
									</view>
								</view>
							</view>

						</view>

					</scroll-view></van-tab>
				<van-tab title="待收货" name="3"
					title-style="font-size:28rpx; text-align:center;height:62rpx;line-height:62rpx">
					<scroll-view @scrolltolower="lowerBottom" scroll-y="true" class="scrollHeight"
						:style="{marginTop:0+'rpx'}" :scroll-top="scrollTop" :refresher-threshold="100"
						:refresher-triggered="triggered" :scroll-with-animation="true">
						<view class="content_info" v-if="isshowOrder">
							<view class="content_item" @click="onorderDetail(item)" v-for="(item,index) in dataList"
								:key="index">
								<view class="content_itemtop">
									<view class="content_itemtopL">
										订单编号：{{item.trade_no}}
									</view>
									<view class="content_itemtopR1" v-if="item.status==1">待付款</view>
									<view class="content_itemtopR2" v-if="item.status==2">待发货</view>
									<view class="content_itemtopR3" v-if="item.status==3">等待收货</view>
									<view class="content_itemtopR4" v-if="item.status==4">已完成</view>
									<view class="content_itemtopR5" v-if="item.status==-1">退款中</view>
									<view class="content_itemtopR6" v-if="item.status==0">已取消</view>
								</view>
								<view class="kuaidi_info" v-if="!item.express_number==''">
									<image class="kuaidi_img" :src="imgurl+'kuaidi_icon.png'" mode=""></image>
									<view class="kuaidi_title">{{item.express_company}}</view>
									<view class="kuaidi_oddnum">{{item.express_number}}</view>
								</view>
								<view class="content_shopbox" v-if="item.item.length==1">
									<view class="content_shopimg">
										<image class="content_shopimg1" :src="item.item[0].good_item_img" mode=""></image>
									</view>
									<view class="content_shopR">
										<view class="content_shopRtxt">
											<view class="content_shopRtxtL">
												{{item.item[0].title}}
											</view>
											<view class="content_shopRtxtprice">￥{{item.item[0].tree_price}}</view>
										</view>
										<view class="content_shopguige">
											<view class="content_shopguigeL">{{item.item[0].spec_title}}</view>
											<view class="content_shopguigenum">*{{item.item[0].buy_num}}</view>
										</view>
										<view class="content_shopguige1">
											<view class="content_shopguigeL">运费</view>
											<view class="content_shopguigenum">{{item.express_amount}}</view>
										</view>
										<view class="content_heji">合计：<text class="priceicon">￥</text><text
												class="price">{{item.total_free}}</text></view>
									</view>
								</view>
								<view class="content_shops" v-if="item.item.length>1">
									<view class="content_shopsitem" v-for="(imgitem,imgindex) in item.item"
										:key="imgindex">
										<image class="content_shopsitem1" :src="imgitem.good_item_img" mode=""></image>
									</view>
									<view class="content_shopsone">
										<view class="content_shopsoneprice">
											<text class="price_icon">￥</text>{{item.total_free}}
										</view>
										<view class="content_shopsone_num">
											共{{item.total_num}}件
										</view>
									</view>

								</view>
								<view class="content_bottombox" v-if="item.status!==2">
									<view class="content_bottomboxQX" v-if="item.status==1"
										@click.stop="oncancelorder(item)">取消订单</view>
									<!-- <view class="content_bottomboxSH" @click.stop="onAfterSales">申请售后</view> -->
									<view class="content_bottomboxbtn" @click.stop="ongopay(item)"
										v-if="item.status==1">立即付款</view>
									<view class="content_bottomboxbtn" @click.stop="onshuohuo(item)"
										v-if="item.status==3">确认收货</view>
									<!-- 			<view class="content_pingjia" v-if="item.status==5" @click.stop="onevaluate">去评价
									</view> -->
								</view>
							</view>
						</view>
						<view class="not_infobox" v-if="!isshowOrder">
							<view class="notinfo">
								<view class="not_infoboximg">
									<image :src="imgurl+'noorder.png'" mode=""></image>
								</view>
								<view class="not_infoboxtoast">您还没有相关的订单</view>
								<view class="not_infoboxtoast1">可以去看看有哪些想买的</view>
							</view>
							<view class="recommend_box">
								<view class="recommend_title">

									<image class="lineimg" :src="imgurl+'noorder_leftline.png'" mode=""></image>


									<image class="xinicon" :src="imgurl+'noorder_xin.png'" mode=""></image>

									<view class="recommend_txt">为您推荐</view>

									<image class="lineimg" :src="imgurl+'noorder_rightline.png'" mode=""></image>

								</view>
								<view class="info_contentbox">
									<view class="info_content" @click="ongoodsDetail(recommentitem)"
										v-for="(recommentitem,recommentindex) in RecommendList" :key="recommentindex">
										<view class="info_contentimg">
											<image class="info_contentimg1" :src="recommentitem.good_img" mode="">
											</image>
										</view>
										<view class="info_contenttitle">
											<view class="info_contenttxt">{{recommentitem.title}}</view>
											<van-icon name="arrow" color="#bbb" size="14" />
										</view>
										<view class="info_contentbaioqian" v-if="recommentitem.tags!==''">
											<view class="info_biaoqian"
												v-for="(tagsitem,tagsindex) in recommentitem.tags" :key="tagsindex">
												{{tagsitem}}
											</view>
											<!-- 											<view class="info_biaoqian">自营</view>
											<view class="info_biaoqian">自营</view>
											<view class="info_biaoqian">自营</view> -->
										</view>
										<view class="info-dazhe">
											<view class="info-dazheL"> 原价:<text
													class="info-dazheLicon">￥</text>{{recommentitem.origin_price}}
											</view>
											<view class="info-dazheR">最低价:<text
													class="info-dazheLicon">￥</text>{{recommentitem.low_price}}
											</view>
										</view>
										<view class="info_bottomprice">现拼单价：<text
												class="info_bottompriceicon">￥</text><text
												class="price">{{recommentitem.now_price}}</text>
										</view>
										<view class="float_left_icon" v-if="recommentitem.attr_type==2">
											{{recommentitem.attr_type_txt}}
										</view>
										<view class="float_right_icon" v-if="recommentitem.attr_type==1">
											{{recommentitem.attr_type_txt}}
										</view>
									</view>
								</view>
							</view>

						</view>

					</scroll-view></van-tab>
				<van-tab title="已完成" name="4"
					title-style="font-size:28rpx; text-align:center;height:62rpx;line-height:62rpx">
					<scroll-view @scrolltolower="lowerBottom" scroll-y="true" class="scrollHeight"
						:style="{marginTop:0+'rpx'}" :scroll-top="scrollTop" :refresher-threshold="100"
						:refresher-triggered="triggered" :scroll-with-animation="true">
						<view class="content_info" v-if="isshowOrder">
							<view class="content_item" @click="onorderDetail(item)" v-for="(item,index) in dataList"
								:key="index">
								<view class="content_itemtop">
									<view class="content_itemtopL">
										订单编号：{{item.trade_no}}
									</view>
									<view class="content_itemtopR1" v-if="item.status==1">待付款</view>
									<view class="content_itemtopR2" v-if="item.status==2">待发货</view>
									<view class="content_itemtopR3" v-if="item.status==3">等待收货</view>
									<view class="content_itemtopR4" v-if="item.status==4">已完成</view>
									<view class="content_itemtopR5" v-if="item.status==-1">退款中</view>
									<view class="content_itemtopR6" v-if="item.status==0">已取消</view>
								</view>
								<view class="kuaidi_info" v-if="!item.express_number==''">
									<image class="kuaidi_img" :src="imgurl+'kuaidi_icon.png'" mode=""></image>
									<view class="kuaidi_title">{{item.express_company}}</view>
									<view class="kuaidi_oddnum">{{item.express_number}}</view>
								</view>
								<view class="content_shopbox" v-if="item.item.length==1">
									<view class="content_shopimg">
										<image class="content_shopimg1" :src="item.item[0].good_item_img" mode=""></image>
									</view>
									<view class="content_shopR">
										<view class="content_shopRtxt">
											<view class="content_shopRtxtL">
												{{item.item[0].title}}
											</view>
											<view class="content_shopRtxtprice">￥{{item.item[0].tree_price}}</view>
										</view>
										<view class="content_shopguige">
											<view class="content_shopguigeL">{{item.item[0].spec_title}}</view>
											<view class="content_shopguigenum">*{{item.item[0].buy_num}}</view>
										</view>
										<view class="content_shopguige1">
											<view class="content_shopguigeL">运费</view>
											<view class="content_shopguigenum">{{item.express_amount}}</view>
										</view>
										<view class="content_heji">合计：<text class="priceicon">￥</text><text
												class="price">{{item.total_free}}</text></view>
									</view>
								</view>
								<view class="content_shops" v-if="item.item.length>1">
									<view class="content_shopsitem" v-for="(imgitem,imgindex) in item.item"
										:key="imgindex">
										<image class="content_shopsitem1" :src="imgitem.good_item_img" mode=""></image>
									</view>
									<view class="content_shopsone">
										<view class="content_shopsoneprice">
											<text class="price_icon">￥</text>{{item.total_free}}
										</view>
										<view class="content_shopsone_num">
											共{{item.total_num}}件
										</view>
									</view>

								</view>
								<view class="content_bottombox" v-if="item.status!==2">
									<view class="content_bottomboxQX" v-if="item.status==1"
										@click.stop="oncancelorder(item)">取消订单</view>
									<!-- <view class="content_bottomboxSH" @click.stop="onAfterSales">申请售后</view> -->
									<view class="content_bottomboxbtn" @click.stop="ongopay(item)"
										v-if="item.status==1">立即付款</view>
									<view class="content_bottomboxbtn" @click.stop="onshuohuo(item)"
										v-if="item.status==3">确认收货</view>
									<!-- <view class="content_pingjia" v-if="item.status==5" @click.stop="onevaluate">去评价
									</view> -->
								</view>
							</view>

						</view>
						<view class="not_infobox" v-if="!isshowOrder">
							<view class="notinfo">
								<view class="not_infoboximg">
									<image :src="imgurl+'noorder.png'" mode=""></image>
								</view>
								<view class="not_infoboxtoast">您还没有相关的订单</view>
								<view class="not_infoboxtoast1">可以去看看有哪些想买的</view>
							</view>
							<view class="recommend_box">
								<view class="recommend_title">

									<image class="lineimg" :src="imgurl+'noorder_leftline.png'" mode=""></image>


									<image class="xinicon" :src="imgurl+'noorder_xin.png'" mode=""></image>

									<view class="recommend_txt">为您推荐</view>

									<image class="lineimg" :src="imgurl+'noorder_rightline.png'" mode=""></image>

								</view>
								<view class="info_contentbox">
									<view class="info_content" @click="ongoodsDetail(recommentitem)"
										v-for="(recommentitem,recommentindex) in RecommendList" :key="recommentindex">
										<view class="info_contentimg">
											<image class="info_contentimg1" :src="recommentitem.good_img" mode="">
											</image>
										</view>
										<view class="info_contenttitle">
											<view class="info_contenttxt">{{recommentitem.title}}</view>
											<van-icon name="arrow" color="#bbb" size="14" />
										</view>
										<view class="info_contentbaioqian" v-if="recommentitem.tags!==''">
											<view class="info_biaoqian"
												v-for="(tagsitem,tagsindex) in recommentitem.tags" :key="tagsindex">
												{{tagsitem}}
											</view>
											<!-- 											<view class="info_biaoqian">自营</view>
											<view class="info_biaoqian">自营</view>
											<view class="info_biaoqian">自营</view> -->
										</view>
										<view class="info-dazhe">
											<view class="info-dazheL"> 原价:<text
													class="info-dazheLicon">￥</text>{{recommentitem.origin_price}}
											</view>
											<view class="info-dazheR">最低价:<text
													class="info-dazheLicon">￥</text>{{recommentitem.low_price}}
											</view>
										</view>
										<view class="info_bottomprice">现拼单价：<text
												class="info_bottompriceicon">￥</text><text
												class="price">{{recommentitem.now_price}}</text>
										</view>
										<view class="float_left_icon" v-if="recommentitem.attr_type==2">
											{{recommentitem.attr_type_txt}}
										</view>
										<view class="float_right_icon" v-if="recommentitem.attr_type==1">
											{{recommentitem.attr_type_txt}}
										</view>
									</view>
								</view>
							</view>

						</view>

					</scroll-view></van-tab>
<!-- 				<van-tab title="售后" name="5"
					title-style="font-size:28rpx; text-align:center;height:62rpx;line-height:62rpx">
					<scroll-view @scrolltolower="lowerBottom" scroll-y="true" class="scrollHeight"
						:style="{marginTop:0+'rpx'}" :scroll-top="scrollTop" :refresher-threshold="100"
						:refresher-triggered="triggered" :scroll-with-animation="true">
						<view class="content_info" v-if="isshowOrder">
							<view class="content_item" @click="onorderDetail(item)" v-for="(item,index) in dataList"
								:key="index">
								<view class="content_itemtop">
									<view class="content_itemtopL">
										订单编号：{{item.trade_no}}
									</view>
									<view class="content_itemtopR4" v-if="item.item[0].refund_status==-2">已同意</view>
									<view class="content_itemtopR5" v-if="item.item[0].refund_status==-1">退款中</view>
									<view class="content_itemtopR6" v-if="item.item[0].refund_status==-3">已驳回</view>
								</view>
								<view class="kuaidi_info" v-if="!item.express_number==''">
									<image class="kuaidi_img" :src="imgurl+'kuaidi_icon.png'" mode=""></image>
									<view class="kuaidi_title">{{item.express_company}}</view>
									<view class="kuaidi_oddnum">{{item.express_number}}</view>
								</view>
								<view class="content_shopbox" v-if="item.item.length==1">
									<view class="content_shopimg">
										<image class="content_shopimg1" :src="item.item[0].good_item_img" mode="">
										</image>
									</view>
									<view class="content_shopR">
										<view class="content_shopRtxt">
											<view class="content_shopRtxtL">
												{{item.item[0].title}}
											</view>
											<view class="content_shopRtxtprice">￥{{item.item[0].tree_price}}</view>
										</view>
										<view class="content_shopguige">
											<view class="content_shopguigeL">{{item.item[0].spec_title}}</view>
											<view class="content_shopguigenum">*{{item.item[0].buy_num}}</view>
										</view>
										<view class="content_heji">合计：<text class="priceicon">￥</text><text
												class="price">{{item.item[0].total_amount}}</text></view>
									</view>
								</view>
								<view class="content_shops" v-if="item.item.length>1">
									<view class="content_shopsitem" v-for="(imgitem,imgindex) in item.item"
										:key="imgindex">
										<image class="content_shopsitem1" :src="imgitem.good_item_img" mode=""></image>
									</view>
									<view class="content_shopsone">
										<view class="content_shopsoneprice">
											<text class="price_icon">￥</text>{{item.total_free}}
										</view>
										<view class="content_shopsone_num">
											共{{item.total_num}}件
										</view>
									</view>
								</view>
								<view class="content_bottombox" v-if="item.status!==2">
									<view class="content_bottomboxQX" v-if="item.status==1"
										@click.stop="oncancelorder(item)">取消订单</view>
									<view class="content_bottomboxbtn" @click.stop="ongopay(item)"
										v-if="item.status==1">立即付款</view>
									<view class="content_bottomboxbtn" @click.stop="onshuohuo(item)"
										v-if="item.status==3">确认收货</view>
									<view class="content_pingjia" v-if="item.status==5" @click.stop="onevaluate">去评价
									</view>
								</view>
							</view>

						</view>
						<view class="not_infobox" v-if="!isshowOrder">
							<view class="notinfo">
								<view class="not_infoboximg">
									<image :src="imgurl+'noorder.png'" mode=""></image>
								</view>
								<view class="not_infoboxtoast">您还没有相关的订单</view>
								<view class="not_infoboxtoast1">可以去看看有哪些想买的</view>
							</view>
							<view class="recommend_box">
								<view class="recommend_title">

									<image class="lineimg" :src="imgurl+'noorder_leftline.png'" mode=""></image>


									<image class="xinicon" :src="imgurl+'noorder_xin.png'" mode=""></image>

									<view class="recommend_txt">为您推荐</view>

									<image class="lineimg" :src="imgurl+'noorder_rightline.png'" mode=""></image>

								</view>
								<view class="info_contentbox">
									<view class="info_content" @click="ongoodsDetail(recommentitem)"
										v-for="(recommentitem,recommentindex) in RecommendList" :key="recommentindex">
										<view class="info_contentimg">
											<image class="info_contentimg1" :src="recommentitem.good_img" mode="">
											</image>
										</view>
										<view class="info_contenttitle">
											<view class="info_contenttxt">{{recommentitem.title}}</view>
											<van-icon name="arrow" color="#bbb" size="14" />
										</view>
										<view class="info_contentbaioqian" v-if="recommentitem.tags!==''">
											<view class="info_biaoqian"
												v-for="(tagsitem,tagsindex) in recommentitem.tags" :key="tagsindex">
												{{tagsitem}}
											</view>
										</view>
										<view class="info-dazhe">
											<view class="info-dazheL"> 原价:<text
													class="info-dazheLicon">￥</text>{{recommentitem.origin_price}}
											</view>
											<view class="info-dazheR">最低价:<text
													class="info-dazheLicon">￥</text>{{recommentitem.low_price}}
											</view>
										</view>
										<view class="info_bottomprice">现拼单价：<text
												class="info_bottompriceicon">￥</text><text
												class="price">{{recommentitem.now_price}}</text>
										</view>
										<view class="float_left_icon"
											v-if="recommentitem.attr_type==2 && recommentitem.is_activity==1">
											{{recommentitem.attr_type_txt}}
										</view>
										<view class="float_right_icon"
											v-if="recommentitem.attr_type==1 && recommentitem.is_activity==1">
											{{recommentitem.attr_type_txt}}
										</view>
									</view>
								</view>
							</view>

						</view>

					</scroll-view>
					</van-tab> -->
					
					<!-- 之前的数据结构 ↑，之后的数据结构 ↓ -->
					<van-tab title="售后" name="5"
						title-style="font-size:28rpx; text-align:center;height:62rpx;line-height:62rpx">
			<!-- 			<scroll-view @scrolltolower="lowerBottom" scroll-y="true" class="scrollHeight"
							:style="{marginTop:0+'rpx'}" :scroll-top="scrollTop" :refresher-threshold="100"
							:refresher-triggered="triggered" :scroll-with-animation="true">
							<view class="content_info" v-if="isshowOrder">
								<view class="content_item" @click="onorderDetail(item)" v-for="(item,index) in dataList"
									:key="index">
									<view class="content_itemtop">
										<view class="content_itemtopL">
											订单编号：{{item.trade_no}}
										</view>
										<view class="content_itemtopR4" v-if="item.rf_status==-2">已同意</view>
										<view class="content_itemtopR5" v-if="item.rf_status==-1">退款中</view>
										<view class="content_itemtopR6" v-if="item.rf_status==-3">已驳回</view>
									</view>
									<view class="kuaidi_info" v-if="!item.express_number==''">
										<image class="kuaidi_img" :src="imgurl+'kuaidi_icon.png'" mode=""></image>
										<view class="kuaidi_title">{{item.express_company}}</view>
										<view class="kuaidi_oddnum">{{item.express_number}}</view>
									</view>
									<view class="content_shopbox">
										<view class="content_shopimg">
											<image class="content_shopimg1" :src="item.good_item_img" mode="">
											</image>
										</view>
										<view class="content_shopR">
											<view class="content_shopRtxt">
												<view class="content_shopRtxtL">
													{{item.title}}
												</view>
												<view class="content_shopRtxtprice">￥{{item.tree_price}}</view>
											</view>
											<view class="content_shopguige">
												<view class="content_shopguigeL">{{item.spec_title}}</view>
												<view class="content_shopguigenum">*{{item.buy_num}}</view>
											</view>
											<view class="content_shopguige1">
												<view class="content_shopguigeL">运费</view>
												<view class="content_shopguigenum">{{item.express_amount}}</view>
											</view>
											<view class="content_heji">合计：<text class="priceicon">￥</text><text
													class="price">{{item.total_free}}</text></view>
										</view>
									</view>

									<view class="content_bottombox" v-if="item.status!==2">
										<view class="content_bottomboxQX" v-if="item.status==1"
											@click.stop="oncancelorder(item)">取消订单</view>
										<view class="content_bottomboxbtn" @click.stop="ongopay(item)"
											v-if="item.status==1">立即付款</view>
										<view class="content_bottomboxbtn" @click.stop="onshuohuo(item)"
											v-if="item.status==3">确认收货</view>
								
									</view>
								</view>
					
							</view>
							<view class="not_infobox" v-if="!isshowOrder">
								<view class="notinfo">
									<view class="not_infoboximg">
										<image :src="imgurl+'noorder.png'" mode=""></image>
									</view>
									<view class="not_infoboxtoast">您还没有相关的订单</view>
									<view class="not_infoboxtoast1">可以去看看有哪些想买的</view>
								</view>
								<view class="recommend_box">
									<view class="recommend_title">
					
										<image class="lineimg" :src="imgurl+'noorder_leftline.png'" mode=""></image>
					
					
										<image class="xinicon" :src="imgurl+'noorder_xin.png'" mode=""></image>
					
										<view class="recommend_txt">为您推荐</view>
					
										<image class="lineimg" :src="imgurl+'noorder_rightline.png'" mode=""></image>
					
									</view>
									<view class="info_contentbox">
										<view class="info_content" @click="ongoodsDetail(recommentitem)"
											v-for="(recommentitem,recommentindex) in RecommendList" :key="recommentindex">
											<view class="info_contentimg">
												<image class="info_contentimg1" :src="recommentitem.good_img" mode="">
												</image>
											</view>
											<view class="info_contenttitle">
												<view class="info_contenttxt">{{recommentitem.title}}</view>
												<van-icon name="arrow" color="#bbb" size="14" />
											</view>
											<view class="info_contentbaioqian" v-if="recommentitem.tags!==''">
												<view class="info_biaoqian"
													v-for="(tagsitem,tagsindex) in recommentitem.tags" :key="tagsindex">
													{{tagsitem}}
												</view>
											</view>
											<view class="info-dazhe">
												<view class="info-dazheL"> 原价:<text
														class="info-dazheLicon">￥</text>{{recommentitem.origin_price}}
												</view>
												<view class="info-dazheR">最低价:<text
														class="info-dazheLicon">￥</text>{{recommentitem.low_price}}
												</view>
											</view>
											<view class="info_bottomprice">现拼单价：<text
													class="info_bottompriceicon">￥</text><text
													class="price">{{recommentitem.now_price}}</text>
											</view>
											<view class="float_left_icon"
												v-if="recommentitem.attr_type==2 && recommentitem.is_activity==1">
												{{recommentitem.attr_type_txt}}
											</view>
											<view class="float_right_icon"
												v-if="recommentitem.attr_type==1 && recommentitem.is_activity==1">
												{{recommentitem.attr_type_txt}}
											</view>
										</view>
									</view>
								</view>
					
							</view>
					
						</scroll-view>
						
						 -->
						</van-tab>
			</van-tabs>

			<van-popup :show="isshowAfterSales" closeable round :close-on-click-overlay="false" position="bottom"
				@close="onCloseAfterSales">
				<view class="afterSales_box">
					<view class="afterSales_title">申请售后</view>
					<view class="afterSalestxt">
						<textarea class="afterSalestext" auto-height placeholder-class="afterSales_in"
							placeholder="输入申请理由" />
					</view>
					<view class="afterSales_upload">
						<view class="uploadimg_item">
							<!-- <view class="upload_icon"> -->
							<image class="upload_icon" :src="imgurl+'upload_img.png'" mode=""></image>
							<!-- </view> -->
							<view class="upload_txt">
								上传图片
							</view>
						</view>
						<view class="upload_photo">
							<image class="upload_close" :src="imgurl+'upload_close.png.png'" mode="">
							</image>
						</view>

					</view>
					<view class="afterSales_btn">
						确认申请
					</view>
				</view>
			</van-popup>
		</view>
	</view>
</template>

<script>
	import fNavbar from '@/uni_modules/f-navbar/components/f-navbar/f-navbar.vue';
	import {
		getOrderList,
		getRecommendList,
		cancelOrder,
		wxPay,
		confirmReceipt
	} from '../../../utils/app.js'
	export default {
		components: {
			fNavbar
		},
		data() {
			return {
				active: '1',
				navHeight: 0, //导航栏的高度
				isshowOrder: false,
				imgurl: getApp().globalData.imgurl,
				navHeight: 0,
				isshowAfterSales: false, // 售后弹窗是否显示
				pages: 1, // 分页数据
				PageSize: 4, // 一页有多少数据
				total: null, // 总条数	
				dataList: [], // 列表数据
				triggered: false, // 设置是否下拉
				scrollTop: 0,
				RecommendList: [], // 推荐数据
			}
		},
		onLoad(options) {
			this.active = options.id
			console.log(this.active);
			if(options.id==1){
				this.getList(true)
			}
			// this.getheight()
			console.log('000');
			// this.getList(true)
			this.getrecommendList()
		},
		// onShow() {
		// 	this.active = 2
		// 	this.getList(true)
		// },
		methods: {
			// 点击跳转到详情页
			ongoodsDetail(e) {
				console.log(e);
				if (e.attr_type == 1) {
					uni.navigateTo({
						url: '/pages/subPack/Storeproducts/Storeproducts?storeid=' + e.store_id
					})
				} else {
					uni.navigateTo({
						url: '/pages/goodsDetail/goodsDetail?codeid=' + e.code
					})
				}

			},
			// 立即付款
			ongopay(e) {
				wxPay({
					trade_no: e.trade_no
				}).then(res1 => {
					console.log(res1);
					let pay_params = res1.data
					console.log(res1.data);
					uni.requestPayment({
						timeStamp: pay_params.timestamp,
						nonceStr: pay_params.nonceStr,
						package: pay_params.package,
						signType: pay_params.signType,
						paySign: pay_params.paySign,
						success(res) {
							console.log(res);
							uni.showToast({
								title: '支付成功',
								icon: 'none'
							})
						},
						fail(res) {
							console.log(res);
							uni.showToast({
								title: '支付失败',
								icon: 'none'
							})
						}
					})
				})
			},
			// 点击确认收货
			onshuohuo(e) {
				console.log(e);
				confirmReceipt({
					trade_no: e.trade_no,
					order_no: e.order_no
				}).then(res => {
					console.log(res);
					if (res.code == 1) {
						uni.showToast({
							title: '收货成功',
							icon: 'none'
						})
						this.getList(true)
					}

				})
			},
			// 点击取消订单
			oncancelorder(e) {
				console.log(e);
				cancelOrder({
					trade_no: e.trade_no
				}).then(res => {
					console.log(res);
					if (res.code == 1) {
						uni.showToast({
							title: '取消成功',
							icon: 'none'
						})
						this.getList(true)
					}

				})
			},
			// 获取推荐数据
			getrecommendList() {
				getRecommendList({
					region_code: uni.getStorageSync('cityinfo').region_code
				}).then(res => {
					console.log(res);
					this.RecommendList = res.data
					// this.SystemCateList = res.data
					// this.getSystemBanner(this.active)
					// this.getHomeData(true)
					// this.dataList = res.data

				})
			},
			//触底加载
			lowerBottom() {
				// 判断是否还有下一页数据
				// if (this.pages * this.PageSize >= this.total) return person.showMoreData = true
				// 让页码值自增 +1
				// console.log('999');
				// this.pages += 1
				// 重新获取列表数据
				this.getList(false)
			},
			// 下拉刷新
			// getFresh() {
			// 	this.triggered = true,
			// 		this.getList(true)

			// },
			// 获取数据
			getList(isPullDownRefresh) {
				// this.dataList = []
				// uni.showToast({
				// 	title:'加载中',
				// 	icon:'loading',
				// })
				let currPage = 1
				// this.dataList = []
				if (!isPullDownRefresh) {
					currPage = this.pages + 1
				} else {
					currPage = 1
				}
				getOrderList({
					type: this.active,
					page: currPage
				}).then(res => {
					console.log(res);
					if (res.code == 1) {

						uni.hideToast()
						const newdata = res.data.list
						if (isPullDownRefresh) {
							this.dataList = newdata
							this.triggered = false
							console.log(this.dataList.length);
							if (this.dataList.length > 0) {
								this.isshowOrder = true
							} else {
								this.isshowOrder = false
							}
						} else {
							this.dataList = [...this.dataList, ...newdata]
							if (this.dataList.length > 0) {
								this.isshowOrder = true
							} else {
								this.isshowOrder = false
							}
						}

						this.pages = res.data.page.current
						console.log('-----',this.dataList);
						// this.total = res.data.page.total
					} else {
						uni.showToast({
							icon: 'none',
							title: res.info,
							duration: 1500
						})
						if (res.info == '请先登录') {
							setTimeout(function() {
								uni.navigateTo({
									url: '/pages/subPack/Login/Login'
								})
							}, 1000)
						}
					}
				})
			},

			// 获取高度
			getheight() {
				let menuButtonObject = uni.getMenuButtonBoundingClientRect(); //获取菜单按钮（右上角胶囊按钮）的布局位置信息。坐标信息以屏幕左上角为原点。
				console.log(menuButtonObject);
				uni.getSystemInfo({ //获取系统信息
					success: res => {
						console.log(res);
						let navHeight = menuButtonObject.height + (menuButtonObject.top - res
							.statusBarHeight) * 2 + res.statusBarHeight; //导航栏高度=菜单按钮高度+（菜单按钮与顶部距离-状态栏高度）*2
						console.log(navHeight);
						this.navHeight = navHeight;
						// this.statusBarHeight = res.statusBarHeight
					},
					fail(err) {
						console.log(err);
					}
				})
			},
			// 点击售后弹窗
			onAfterSales() {
				this.isshowAfterSales = true
			},
			// 关闭售后弹窗
			onCloseAfterSales() {
				this.isshowAfterSales = false
			},
			// 去评价
			onevaluate() {
				uni.navigateTo({
					url: '/pages/subPack/evaluate/evaluate'
				})
			},

			// 跳转到订单详情页面
			onorderDetail(e) {
				console.log(e.trade_no,e);
				if (e.status == 1) {
					uni.navigateTo({
						url: '/pages/subPack/orderDetail/orderDetail?tradeNo=' + e.trade_no + '&status=' + e.status
					})
				} else if (e.status == 5) {
					// uni.navigateTo({
					// 	url: '/pages/subPack/orderDetail/orderDetail?tradeNo=' + e.item[0].order_sn + '&status=' +
					// 		e.status
					// })
					uni.navigateTo({
						url: '/pages/subPack/orderDetail/orderDetail?tradeNo=' + e.order_sn + '&status=' +
							e.status
					})
				} else {
					uni.navigateTo({
						url: '/pages/subPack/orderDetail/orderDetail?tradeNo=' + e.order_no + '&status=' + e.status
					})
				}

			},
			// 跳转到订单详情页面全部
			// onorderDetailall(e) {
			// 		uni.navigateTo({
			// 			url: '/pages/subPack/orderDetail/orderDetail?tradeNo=' + e.trade_no + '&status=' + e.status
			// 		})
			// },

			// 选择订单
			onchange(e) {
				// console.log(e.detail);
				// console.log(this.active);
				this.active = e.detail.name
				console.log(this.active);
				if (e.detail.name == 5) {
					uni.navigateTo({
						url: '/pages/subPack/userAfterSales/userAfterSales'
					})
				}
				this.getList(true)
			},
		},
	}
</script>

<style>
	page {
		background: #eee;
	}

	.content_tabs {
		width: 100%;
		height: 62rpx;
		background: #fff;
		margin-top: 4rpx;

	}

	.class_active {
		font-size: 28rpx !important;
		font-family: Hiragino Sans GB;
		font-weight: bold !important;
		color: #EE0E6B;
	}

	.custom_tabs {
		position: fixed;
	}

	/deep/.van-tab--active {
		font-size: 36rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #EE0E6B;
		position: fixed;
	}

	.tab_content {
		/* height: 100rpx; */
	}

	.content_info {}

	.scrollHeight {
		height: 90vh;
	}

	.content_item {
		width: 690rpx;
		/* height: 413rpx; */
		background: #FFFFFF;
		border-radius: 10rpx;
		margin: 0 auto;
		margin-top: 22rpx;
		padding-bottom: 50rpx;
	}

	.content_itemtop {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-top: 41rpx;
	}

	.content_itemtopL {
		display: flex;
		align-items: center;
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;
		margin-left: 20rpx;
	}

	.content_itemtopLimg {
		width: 32rpx;
		height: 29rpx;
		background: #000;
		margin-left: 20rpx;
		margin-right: 10rpx;
	}

	.content_itemtopLname {
		font-size: 30rpx;
		font-family: Hiragino Sans GB;
		font-weight: 700;
		color: #333333;
		/* line-height: 55rpx; */
		margin-right: 20rpx;
	}

	.content_itemtopR1 {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FF0000;
		line-height: 2rpx;
		margin-right: 22rpx;
	}

	.content_itemtopR2 {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #00A0E9;
		line-height: 2rpx;
		margin-right: 22rpx;
	}

	.content_itemtopR3 {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FF7E00;
		line-height: 2rpx;
		margin-right: 22rpx;
	}

	.content_itemtopR4 {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #42FF00;
		line-height: 2rpx;
		margin-right: 22rpx;
	}

	.content_itemtopR5 {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FF0000;
		line-height: 2rpx;
		margin-right: 22rpx;
	}

	.content_itemtopR6 {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #666;
		line-height: 2rpx;
		margin-right: 22rpx;
	}

	.kuaidi_info {
		width: 650rpx;
		height: 70rpx;
		background: #EEEEEE;
		border-radius: 10rpx;
		margin: 0 auto;
		margin-top: 21rpx;
		margin-bottom: 30rpx;
		display: flex;
		align-items: center;
	}

	.kuaidi_img {
		width: 32rpx;
		height: 25rpx;
		/* background: #000; */
		margin-left: 21rpx;
	}

	.kuaidi_title {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;
		margin-left: 20rpx;
	}

	.kuaidi_oddnum {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;
		margin-left: 22rpx;
	}

	.content_shopbox {
		display: flex;
		align-items: center;
		margin-top: 20rpx;
		margin-left: 20rpx;
	}

	.content_shopimg {
		width: 180rpx;
		height: 180rpx;
		/* background: #FF0000; */
		border-radius: 10rpx;
	}

	.content_shopimg1 {
		width: 100%;
		height: 100%;
	}

	.content_shopR {
		margin-left: 20rpx;
		width: 66%;
	}

	.content_shopRtxt {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.content_shopRtxtL {
		width: 313rpx;
		min-height: 42rpx;
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;
		line-height: 42rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.content_shopRtxtprice {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: 500;
		color: #333333;
		line-height: 40rpx;
	}

	.content_shopguige {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 25rpx;
	}
	.content_shopguige1 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 20rpx;
	}

	.content_shopguigeL {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #999999;
	}

	.content_shopguigenum {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #999999;
	}

	.content_heji {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;
		margin-top: 29rpx;
		/* line-height: 40rpx; */
	}

	.priceicon {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: 700;
		color: #FF0000;
		/* line-height: 40rpx; */
	}

	.price {
		font-size: 30rpx;
		font-family: Hiragino Sans GB;
		font-weight: 700;
		color: #FF0000;
		/* line-height: 40rpx; */
	}

	.content_shops {
		height: 140rpx;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		overflow: hidden;
		margin: 20rpx 0rpx 20rpx 20rpx;
		position: relative;

	}

	.content_shopsitem {
		width: 140rpx;
		height: 140rpx;
		/* background: #FF0000; */
		border-radius: 10rpx;
		margin-right: 20rpx;
	}

	.content_shopsitem1 {
		width: 100%;
		height: 100%;
	}

	.content_shopsone {
		/* width: 148rpx; */
		height: 145rpx;
		/* 	background: #FFFFFF;
		opacity: 0.8; */
		background-color: rgba(255, 255, 255, 0.8);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		position: absolute;
		right: 0;
		padding: 0 20rpx;
		box-sizing: border-box;
	}

	.content_shopsoneprice {
		font-size: 30rpx;
		font-family: Hiragino Sans GB;
		font-weight: 700;
		color: #333333;
		line-height: 40rpx;
	}

	.content_shopsone_num {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #989898;
		line-height: 40rpx;
	}

	.price_icon {
		font-size: 24rpx
	}

	.content_bottombox {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin-top: 45rpx;
		/* margin-bottom: 50rpx; */
	}

	.content_bottomboxQX {
		width: 156rpx;
		height: 62rpx;
		border: 2rpx solid #bbb;
		box-sizing: border-box;
		border-radius: 30rpx;
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #bbb;
		line-height: 58rpx;
		text-align: center;
		margin-right: 20rpx;
	}

	.content_bottomboxSH {
		width: 156rpx;
		height: 62rpx;
		border: 2rpx solid #EF0E6C;
		box-sizing: border-box;
		border-radius: 30rpx;
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #EF0E6C;
		line-height: 58rpx;
		text-align: center;
		margin-right: 20rpx;
		margin-left: 18rpx;
	}

	.content_bottomboxbtn {
		width: 154rpx;
		height: 60rpx;
		background: #EF0E6C;
		border-radius: 30rpx;
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 60rpx;
		text-align: center;
		margin-right: 23rpx;
		margin-left: 18rpx;
	}

	.content_pingjia {
		width: 156rpx;
		height: 62rpx;
		border: 2rpx solid #EF0E6C;
		box-sizing: border-box;
		border-radius: 30rpx;
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #EF0E6C;
		line-height: 58rpx;
		text-align: center;
		margin-right: 20rpx;
		margin-left: 18rpx;
	}

	.notinfo {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.not_infoboximg {
		width: 179rpx;
		height: 179rpx;
		/* background: #000; */
		margin-top: 60rpx;
	}

	.not_infoboxtoast {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: 500;
		color: #333333;
		margin-top: 20rpx;
	}

	.not_infoboxtoast1 {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #BBBBBB;
		margin-top: 20rpx;
	}

	.recommend_title {
		height: 45rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 38rpx;
	}

	.recommend_line {
		width: 90rpx;
		height: 20rpx;
		/* background: pink; */
	}

	.lineimg {
		width: 81rpx;
		height: 10rpx;
		/* vertical-align: middle; */
	}

	.xinicon {
		width: 19rpx;
		height: 19rpx;
		margin-left: 10rpx;
	}

	.recommend_hear {
		width: 19rpx;
		height: 19rpx;
		/* background: blue; */
		margin-left: 10rpx;
	}

	.recommend_txt {
		/* line-height: 36rpx; */
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: 700;
		color: #EF0E6C;
		margin-left: 10rpx;
		margin-right: 10rpx;
	}

	.recommend_line1 {
		width: 80rpx;
		height: 10rpx;
		/* background: pink; */

	}

	image {
		width: 100%;
		height: 100%;
		vertical-align: middle;
	}

	.info_contentbox {
		width: 690rpx;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		margin: 0 auto;
		margin-top: 21rpx;
	}

	.info_content {
		width: 335rpx;
		/* height: 490rpx; */
		background: #FFFFFF;
		border-radius: 10rpx;
		margin-bottom: 21rpx;
		margin-right: 20rpx;
		padding-bottom: 18rpx;
		position: relative;
	}

	.info_content:nth-child(2n) {
		margin-right: 0;
	}

	.info_contentimg {
		width: 335rpx;
		height: 296rpx;
		/* background: blue; */
		border-radius: 10rpx 10rpx 0rpx 0rpx;
	}

	.info_contentimg1 {
		width: 100%;
		height: 100%;
	}

	.info_contenttitle {
		width: 335rpx;
		margin-top: 20rpx;
		margin-left: 21rpx;
		display: flex;
		align-items: center;

	}

	.info_contenttxt {
		width: 260rpx;
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-right: 20rpx;
	}

	.info_contentbaioqian {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		margin-top: 16rpx;
		margin-left: 20rpx;
	}

	.info_biaoqian {
		font-size: 22rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		background: #EE0E6B;
		border-radius: 5rpx;
		padding: 3rpx 5rpx;
		text-align: center;
		margin-right: 5rpx;
	}

	.info-dazhe {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 20rpx;
		padding: 0 20rpx;
		box-sizing: border-box;
	}

	.info-dazheL {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #555555;
		line-height: 24rpx;
	}

	.info-dazheR {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FF5A00;
		line-height: 24rpx;
	}

	.info-dazheLicon {
		font-size: 14rpx
	}

	.info_bottomprice {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FF0000;
		line-height: 24rpx;
		display: flex;
		justify-content: flex-end;
		margin-right: 20rpx;
		margin-top: 20rpx;
	}

	.info_bottompriceicon {
		font-size: 20rpx;
		font-weight: 700;
	}

	.price {
		font-size: 28rpx;
		font-weight: 700;
	}

	/* 售后弹窗样式 */
	.afterSales_box {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.afterSales_title {
		font-size: 30rpx;
		font-family: Hiragino Sans GB;
		font-weight: 600;
		color: #333333;
		/* margin: 0 auto; */
		margin-top: 58rpx;

	}

	.afterSalestxt {
		width: 691rpx;
		min-height: 301rpx;
		/* height: 301rpx; */
		background: #EEEEEE;
		border: 1px solid #BBBBBB;
		border-radius: 10rpx;
		margin-top: 30rpx;
		padding: 20rpx;
		box-sizing: border-box;
	}

	.afterSales_in {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #999999;
	}

	.afterSalestext {
		width: 600rpx;
	}

	.afterSales_upload {
		width: 691rpx;
		margin-top: 24rpx;
		display: flex;
		align-items: center;
		flex-wrap: wrap;

	}

	.upload_icon {
		width: 51rpx;
		height: 50rpx;
		/* background: #000; */
	}

	.upload_txt {
		font-size: 20rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;
		margin-top: 10rpx;
	}

	.uploadimg {
		margin-left: 30rpx;
		margin-top: 20rpx;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.uploadimg_item {
		width: 123rpx;
		height: 123rpx;
		background: #FFFFFF;
		border: 1px solid #BBBBBB;
		border-radius: 10rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-bottom: 20rpx;
	}

	.upload_photo {
		width: 123rpx;
		height: 123rpx;
		background: #FFFFFF;
		border: 1px solid #BBBBBB;
		border-radius: 10rpx;
		margin-left: 19rpx;
		margin-bottom: 20rpx;
		position: relative;
	}

	.upload_photo:nth-child(6) {
		margin-left: 0;
	}

	.upload_close {
		width: 19rpx;
		height: 19rpx;
		/* background: #000; */
		position: absolute;
		left: 4rpx;
		top: 4rpx;
	}

	.afterSales_btn {
		width: 254rpx;
		height: 60rpx;
		background: #EF0E6C;
		border-radius: 30rpx;
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 60rpx;
		text-align: center;
		margin-top: 41rpx;
		margin-bottom: 40rpx;
	}

	/* 固定上边的小图标 */
	.float_left_icon {
		width: 121rpx;
		height: 56rpx;
		background: url(https://yuanchubao.oss-cn-beijing.aliyuncs.com/danpinPT.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		left: 0;
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 56rpx;
		text-align: center;
	}

	.float_right_icon {
		width: 121rpx;
		height: 56rpx;
		background: url(https://yuanchubao.oss-cn-beijing.aliyuncs.com/dianpuPT.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		right: 0;
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 56rpx;
		text-align: center;
	}
</style>